// Tabler Icons SVG 组件（精简版）
export const IconCpu = (props: React.SVGProps<SVGSVGElement>) => (
  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" {...props}>
    <rect x="4" y="4" width="16" height="16" rx="2" />
    <path d="M9 9h6v6H9z" />
    <path d="M15 2v2M9 2v2M15 20v2M9 20v2M2 15h2M2 9h2M20 15h2M20 9h2" />
  </svg>
);
export const IconBrandJavascript = (props: React.SVGProps<SVGSVGElement>) => (
  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" {...props}>
    <rect x="2" y="2" width="20" height="20" rx="2" />
    <path d="M7 17.5V15m0 0V9m0 6h2m4 0v-1a2 2 0 0 1 2-2h0a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2h-1" />
  </svg>
);
export const IconTerminal2 = (props: React.SVGProps<SVGSVGElement>) => (
  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" {...props}>
    <rect x="3" y="4" width="18" height="16" rx="2" />
    <path d="M8 9l3 3-3 3" />
    <path d="M13 15h3" />
  </svg>
);
export const IconNetwork = (props: React.SVGProps<SVGSVGElement>) => (
  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" {...props}>
    <circle cx="12" cy="12" r="4" />
    <path d="M4 12a8 8 0 0 1 16 0" />
    <path d="M12 4v4" />
    <path d="M12 16v4" />
    <path d="M4.93 7.07l2.83 2.83" />
    <path d="M16.24 16.24l2.83 2.83" />
    <path d="M7.07 19.07l2.83-2.83" />
    <path d="M16.24 7.76l2.83-2.83" />
  </svg>
);
export const IconCurrencyBitcoin = (props: React.SVGProps<SVGSVGElement>) => (
  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" {...props}>
    <circle cx="12" cy="12" r="10" />
    <path d="M8 12h4a2 2 0 1 0 0-4h-2" />
    <path d="M8 16h4a2 2 0 1 0 0-4h-2" />
    <path d="M12 6v2m0 8v2" />
  </svg>
);
export const IconDeviceGamepad2 = (props: React.SVGProps<SVGSVGElement>) => (
  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" {...props}>
    <rect x="2" y="7" width="20" height="10" rx="5" />
    <path d="M6 12h.01M18 12h.01M12 12v.01" />
  </svg>
);
export const IconChartBar = (props: React.SVGProps<SVGSVGElement>) => (
  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" {...props}>
    <rect x="3" y="12" width="4" height="8" rx="1" />
    <rect x="9" y="8" width="4" height="12" rx="1" />
    <rect x="15" y="4" width="4" height="16" rx="1" />
  </svg>
);
export const IconTopologyStar = (props: React.SVGProps<SVGSVGElement>) => (
  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" {...props}>
    <circle cx="12" cy="12" r="3" />
    <path d="M12 3v3m0 12v3m9-9h-3m-12 0H3m15.36-6.36l-2.12 2.12M6.76 17.24l-2.12 2.12m12.72 0l-2.12-2.12M6.76 6.76L4.64 4.64" />
  </svg>
);
export const IconShieldLock = (props: React.SVGProps<SVGSVGElement>) => (
  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" {...props}>
    <path d="M12 3l7 4v5c0 5-3.5 9-7 9s-7-4-7-9V7z" />
    <circle cx="12" cy="12" r="2" />
    <path d="M12 14v2" />
  </svg>
);
export const IconDevices = (props: React.SVGProps<SVGSVGElement>) => (
  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" {...props}>
    <rect x="13" y="8" width="8" height="12" rx="2" />
    <rect x="3" y="6" width="8" height="14" rx="2" />
    <path d="M16 2v4" />
    <path d="M16 20v2" />
  </svg>
); 